<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />

    <title>特区40年，细数罗湖故事</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      @font-face {
        font-family: 'huakang';
        src: url('assets/font/font.TTC') format('truetype');
      }
      h1 {
        font-family: huakang;
        position: absolute;
        top: 0;
      }
      .container,
      body,
      html {
        height: 100%;
        overflow: hidden;
      }
      body {
        font-size: 10px;
        color: black;
        background-color: #ffffff;
      }

      .share {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: none;
        background-color: rgba(0, 0, 0, 0.6);
      }
      .share img {
        position: absolute;
        top: 0;
        right: 5vw;
      }

    </style>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <!-- <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
    <script>
      var vConsole = new VConsole(); // 初始化
    </script> -->
  </head>
  <body>

    <div class="share">
      <!-- <img id="img" src="./assets/images/share.png" alt="" /> -->
    </div>
    <div class="container">
      <div id="game"></div>
    </div>
  </body>

  <script src="lib/phaser.js"></script>
  <script src="dist/bundle.js?t=2020102716"></script>
</html>
